<template lang='pug'>
.bnner-box(:style="{'height':height}")
    Swiper(:options="swiperOptions" :style="{'height':height}")
        SwiperSlide(v-for="d in bnnerList")
            img(:src="d.cover" )
        .swiper-pagination(slot="pagination")
</template>
 
<script>
import { Swiper, SwiperSlide } from 'vue-awesome-swiper'
import 'swiper/css/swiper.css'
export default {
  name: "vueName",
  props:['bnnerList','height'],
  data() {
    return {
      msg: "Welcome to your vueName",
      swiperOptions:{
        pagination: {
          el: '.swiper-pagination'
        },
        autoplay:{
          delay:3000,
        }
      }
    };
  },
  components: {
    Swiper,  //大盒子
    SwiperSlide  //每一项
  },
};
</script>
 
<style scoped lang="sass">
.bnner-box
    width: 100%
    background: #ccc
    img
        width: 100%
        height: 100%
</style>